<!--login_page_identity-->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- 屏蔽tomcat 自带的 EL表达式 -->
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${pageinfo.title}</title>
<meta name="keywords" content="perfect-ssm">
<meta name="description" content="perfect-ssm">

<!--icon-->
<link rel="shortcut icon" type="image/x-icon"
	href="css/common/favicon.ico" media="screen" />
<!-- Bootstrap 3.3.6 -->
<link rel="stylesheet"
	href="css/adminlte/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="css/common/libs/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet"
	href="css/common/libs/ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/adminlte/dist/css/AdminLTE.min.css">
<!-- iCheck -->
<link rel="stylesheet" href="css/adminlte/plugins/iCheck/square/red.css">
<link rel="stylesheet"
	href="css/adminlte/plugins/bootstrap-validator/dist/css/bootstrap-validator.css" />
<!-- 动画进入 -->
<link rel="stylesheet" href="css/animate.min.css" />
</head>
<body class="hold-transition login-page">
	<div class="login-box animated fadeInDown">
		<div class="login-logo">
			<a href="#"><b>IM</b>System</a>
		</div>
		<!-- 登录表单 -->
		<div class="login-box-body">
			<p class="login-box-msg">
				<strong>登陆</strong>
			</p>
			<form action="##" method="post" onsubmit="return false" role="form"
				id="login-form">
				<div class="form-group has-feedback">
					<input type="text" class="form-control" name="username"
						placeholder="请输入登录邮箱/手机号/用户名"> <span
						class="glyphicon glyphicon-envelope form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<input type="password" class="form-control" name="password"
						placeholder="请输入密码"> <span
						class="glyphicon glyphicon-lock form-control-feedback"></span>
				</div>
				<div class="row">
					<div class="col-xs-6">
						<div class="checkbox icheck">
							<label> <input type="checkbox" name="rememberMe">
								记住用户
							</label>
						</div>
					</div>
					<!-- /.col -->
					<div class="col-xs-6">
						<div class="checkbox pull-right">
							<a href="#">忘记密码</a> <span>&nbsp;/&nbsp;</span> <a
								href="/register" class="text-center">注册</a>
						</div>
					</div>
					<!-- /.col -->
				</div>
				<div class="row">
					<div class="col-xs-12">
						<button id='loginbtn' type="button" class="btn btn-danger btn-block btn-flat"
							onclick="javascript:login();">登 录</button>
					</div>
				</div>
			</form>
			<!-- 快速登录 -->
			<div class="social-auth-links" style="margin-bottom: 0px;">
				<div class="row">
					<div class="col-xs-5">
						<div class="text-left" style="margin-top: 5px;">快速登录</div>
					</div>
					<div class="col-xs-7">
						<div class="text-right">
						<!--<a class="btn btn-social-icon btn-primary"><i class="fa fa-qq"></i></a>
                        <a class="btn btn-social-icon btn-success"><i class="fa fa-wechat"></i></a>
                        <a class="btn btn-social-icon btn-warning"><i class="fa fa-weibo"></i></a>-->
                        <a class="btn btn-social-icon btn-info"><i class="fa fa-github"></i></a>
							<%-- <#list oAuthServices as oauth> <a
								class="btn btn-social-icon ${oauth.btnClass}"
								href="${oauth.authorizationUrl}"><i
								class="fa fa-${oauth.oAuthType}"></i></a> </#list> --%>
						</div>
					</div>
				</div>
				<!-- /.social-auth-links -->
			</div>
		</div>
	</div>
	<script src="css/adminlte/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script
		src="css/adminlte/bootstrap/js/bootstrap.min.js"></script>
	<script src="js/jquery.serializejson.min.js"></script>
	<!-- bootstrap-validator-->
	<script
		src="css/adminlte/plugins/bootstrap-validator/dist/js/bootstrap-validator.js"></script>
	<!-- iCheck -->
	<script src="css/adminlte/plugins/iCheck/icheck.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/base-modal.js"></script>
	<script src="js/login.js"></script>
	<script type="text/javascript">
	/* 初始化check 改变为ickeckbox*/
	$(function() {
	    $('input').iCheck({
		checkboxClass : 'icheckbox_square-red',
		radioClass : 'iradio_square-red',
		increaseArea : '20%' // optional
	    });
	    // 自动填入记住的用户名和密码
	    fillbackLoginForm();
	    // 初始化验证配置
	    $("#login-form").bootstrapValidator({
		message : '请输入用户名/密码',
		fields : {
		    username : {
			validators : {
			    notEmpty : {
				message : '登录邮箱、手机号、用户名不能为空'
			    }
			}
		    },
		    password : {
			validators : {
			    notEmpty : {
				message : '密码不能为空'
			    }
			}
		    }
		}
	    });
	});
	//enter回车键激活登陆
  $('body').bind('keypress', function(event) {
    if (event.keyCode == "13")
    {
      $('#loginbtn').click();
    }
  });
    </script>
</body>
<!-- <body class="gray-bg">
	<div class="middle-box text-center loginscreen  animated fadeInDown">
		<div>
			<div class="login-logo">
				<a href="#"><b>Admin</b>EAP</a>
			</div>
			<form class="m-t" role="form" id="adminlogin" method="post"
				name="adminlogin" onsubmit="return false" action="##">
				<div class="form-group">
					<input type="email" class="form-control" placeholder="用户名"
						name="username" id="username" required="">
				</div>
				<div class="form-group">
					<input type="password" class="form-control" placeholder="密码"
						name="password" id="password" required="">
				</div>
				<button type="button" class="btn btn-primary block full-width m-b"
					onclick="javascript:login();">登 录</button>
				<p class="text-muted text-center">
					<a href="##" onclick="javascript:adminlogin.reset();return false;">
						<small>重置</small>
					</a>
				</p>
			</form>
		</div>
	</div>
</body> -->

</html>
